{% load static %}

{% for fenlei in fenleiList %}
    <div class="col-md-12 text-left">
        【一级题目】{{ fenlei }} {% for fenlei2 in fenlei.get_sub_categorys %}★ {{ fenlei2.name }}{% endfor %}{# 一级分类 #}
    </div>
    {% for fenlei2 in fenlei.get_sub_categorys %}  {# 获取一级分类下所有的子分类 #}

        <div class="col-md-4 text-left p-0" style="">
            {#    分类下内容#}
            <div class="archieve-list" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                <div class="btn btn-warning"><span>{{ fenlei2.name }}</span><a href="{% url "webList" Categoryid=fenlei2.id %}">查看更多..</a></div>
                <ul  class="my_fav_list">
                {% for DetailPage_item in fenlei2.detailpage_set.all %}
                    {% if forloop.counter <= 10 %}
                        <li class="my_fav_list_li" id="">
                        <a  class="my_fav_list_a" href="{% url "detail" DetailPage_item.pageid %}" target="_blank">
                            {{ forloop.counter }}> {{ DetailPage_item.title }}
                        </a>
{#                        <label class="my_fav_list_label">#}
{#                            <span >2019-04-08</span>#}
{#                        </label>#}
                        </li>

                    {% endif %}
                {% endfor %}
                </ul>
            </div>

        </div>
    {% endfor %}

{% endfor %}





<style type="text/css">

    a:hover {
        color: #F92672;
    }

    a {
        font-size: 14px;
    }
    .my_fav_list{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    display: block;
    overflow: hidden;
    zoom: 1;
}
.my_fav_list_li{
    padding: 4px 0;
    font-size: 0;
    border-top: 1px solid #e0e0e0;
    list-style: none;
}
.my_fav_list_a{
    width: 100%;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    color: #4d4d4d;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.my_fav_list_label{
    margin-left: 10%;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}
.my_fav_list_label span{
    color: #ccc;
    margin-right: 15px;
    vertical-align: middle;
    display: inline-block;
}
.cancel_fav{
    font-style: normal;
    color: #999;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}
.my_fav_list_a:hover{
    color: red;
}
</style>
<script>
</script>